<template>
  <div class="home">
    <div class="welcome"><div style="font-size: 48px;">欢迎来到{{$config.stystemName}}</div></div>
    <div class="record">powered by © {{$config.LoginPageFooterCompanyName}} {{$config.versionNumber}}</div>
    <!-- <img src="./images/home.png" style="width: 100%;height: 100%;"> -->
  </div>
</template>
<script>
export default {
  name: "home",
  components: {},
  data() {
    return {};
  },
  mounted() {
    //
  }
};
</script>

<style lang="less" scoped>
.home{
  width: 100%;
  height: 100%; 
  position: relative;
  background-color: #fff;
}
.record{
  width:300px;
  position: absolute; 
  bottom:20px; 
  left: 50%; 
  margin-left: -150px; 
  text-align: center; 
  font-size: 16px; 
  color: #FFF; 
  z-index: 1;
}
.welcome{
  font-size: 48px; 
  font-weight: bold; 
  color: #333; 
  width: 800px; 
  text-align: center;
  position: absolute; 
  top:30%; 
  left: 50%; 
  margin-left: -400px;
}
.count-style {
  font-size: 50px;
}
</style>
